ul,li,span,b,p,strong,ol,dl,dd,dt,h1,h2,h3,h4,h5,input,a,div,img{margin:0px;padding: 0px;}
a{ transition-duration: 500ms;}
.content{max-width:1200px;width:100%;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.content:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}
body{font-family:  '微软雅黑',宋体Arial;position: relative;}
li{font-family: Arial;list-style:none;}
img{
    border:0px none;
}
.clearfix{
	zoom:1;
}
.clearfix:after{
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
	content:".";
}


.news{
    width:100%;
    
    height:auto;
}
.news .tits{
    width:292px;
    margin: 0 auto;
    padding-top: 16px;
    opacity:1000;
    filter:alpha(opacity=100);
}
.news .abtn{
    width:268px;
    margin: 0 auto;
    margin-top: 58px;
}
.news .abtn a{
    display: block;
    float:left;
    width:128px;
    height:36px;
    border:1px solid #bdd1d9;
    line-height:36px;
    text-align: center;
    background: #ffffff;
    color:#094085;
    font-size: 14px;
    margin-right: 8px;
}
.news .abtn a:hover{
    color:#fff;
    background: #DA3553;
    border-color:#DA3553;
}
.news .abtn .hoves{
    color:#fff;
    background: #DA3553;
    border-color:#DA3553;
}
.news .abtn .lt{
    margin: 0;
}
.news li{
    width:380px;
    height:auto;
    background: #fff;
    padding:10px;
    margin:20px;
   opacity:0;
	float:left;
    filter:alpha(opacity=100);
    margin-left: -360px;
}
.news li .im{
    float:left;
    width:45%;
    
}
.news li .im img{
        max-width:100%;
		height:auto;
    
}

.news li .rt{
    float:left;
    width:51%;
    margin-left: 2%;
	text-align:left;
}
.news li .rt span{
    float:left;
    width:100%;
    line-height: 32px;
    color:#555555;
}
.news li .rt .ps{
    line-height: 18px;
    font-size: 12px;
    color:#000;
	font-family:Arial;
    float:left;
    width:100%;
		text-align:left;

	
}
.news li .rt .ps a{
    line-height: 18px;
    font-size: 12px;
    color:#185BA1;
	font-family:Arial;
	font-weight:bold;
	text-align:left;
	
}
.news li .rt .ps a:hover{
    color:#000;
	
}

.news li .imgs{
	float:left;
	display:block;
}
.news li .rt .say{
    color:#999;
    line-height: 18px;
    margin-top: 8px;
    float:left;
	font-size:11px;
    width:100%;
    display: block;
		text-align:left;

}
.news li .rt .say a{
    color:#999;
    line-height: 18px;
	font-size:11px;
    width:100%;
    display: block;
		text-align:left;

}
.news li .rt .say a:hover{
    color:#DA3553;
}
.boxs{
    float:left;
    width:100%;
}
.boxs ul{
    width:1000%;
    margin-bottom: 52px;
}
.boxs .btns{
    clear:both;
    margin: 0 auto;
    padding-left: 18px;
	margin-top:20px;
    display: none;
}

.boxs .btns a{
    display: block;
    width:18px;
    height:18px;
    background: url("../image/pt.png") no-repeat;
    float:left;
    transition-duration: 1ms;
    margin-right: 16px;
}
.boxs .btns a:hover,
.boxs .btns .hoves{
    background-position: 0px bottom;
}
.infinite{
    animation:hen 1000ms linear;
    animation-iteration-count: infinite ;
}


@charset "utf-8";

/* CSS Document */
.data2{width:100%; display:table; position:relative; overflow:hidden;}
.data2 .pic2{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.data2 .image_container a{
	width:100%;height:100%; display:block;
    float:left;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.data2 .image_container a .pic1{
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.data2 .image_container a:hover .pic1{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
}

.data2 .image_container a .pic2{
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;/*z-index:10;
    position:absolute;*/
}

.data2 .image_container a:hover .pic2{
    -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);
    z-index: 10;
    position: absolute;
}

.data2 .row{width:185px;height:286px; float:left; margin-left:25px; margin-right:25px; margin-bottom:16px; position:relative; z-index:10;}
.data2 .row .pic1{width:100%;height:186px; overflow:hidden;}
.data2 .row .pic2{width:100%;height:186px; overflow:hidden;}
.data2 .row .pic2 img{position:absolute;}
.data2 .row .pic3{width:100%;height:40px; font-family:Arial; font-size:18px;color:#fff; text-align:center; text-decoration:none; line-height:40px;}
.data2 .row .pic4{width:100%;height:auto; font-family:Arial; font-size:11px;color:#fff; text-align:center; text-decoration:none; line-height:20px;}






@media screen and (max-width:860px) {
.content{width:800px; min-width:800px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.news{
	background: #cecece;
    height:auto;
}
.news li{
 	margin:0 auto;
 	float: center;
   width:468px;
}
.boxs .btns a{ display:none;}

}


@media screen and (max-width:740px) {
.content{width:700px;min-width:700px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.news{
	background: #cecece;
    height:auto;
}
.news li{
	margin:0 auto;
 	float: center;
   width:408px;
}
.news li .im{
	margin:0 auto;
    width:96%;
    
}
.news li .im img{
        width:100%;
    
}

.news li .rt{
	margin:0 auto;
    width:96%;
}
.boxs .btns a{ display:none;}

}


@media screen and (max-width:640px) {
.content{width:600px;min-width:600px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.news{
	background: #cecece;
    height:auto;
}
.news li{
 	margin:0 auto;
 	float: center;
   width:468px;
}
.boxs .btns a{ display:none;}

}
@media screen and (max-width:540px) {
.content{width:500px;min-width:500px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.news{
	background: #cecece;
    height:auto;
}
.news li{
 	margin:0 auto;
 	float: center;
   width:268px;
}
.boxs .btns a{ display:none;}

}

@media screen and (max-width:420px) {
.content{width:400px;min-width:400px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.news{
	background: #cecece;
    height:auto;
}
.news li{
	margin:0 auto;
 	float: center;
    width:148px;
	    padding:12px 7px 0 7px;
	margin-left:10px;
}
.boxs .btns a{ display:none;}

}


@media screen and (max-width:360px) {
.content{width:340px;min-width:320px;margin:0px auto;overflow:hidden;height:auto;*zoom:1;}
.news{
	background: #cecece;
    height:auto;
}
.news li{
 	margin:0 auto;
 	float: center;
   width:148px;
    float:left;
	margin-left:10px;
	    padding:12px 7px 0 7px;

}
.boxs .btns a{ display: block;}

}